<div>
  <!-- <example-content>
    <div class="select">组件传值测试</div>
  </example-content> -->
  <h1 style="color:rgb(255, 0, 157);">{{name}}</h1>
  <h1>组件传值测试</h1>
  <h3 (click)="child.toParent()">1:父组件获取子组件实例和方法(变量)</h3>
  <h3 (click)="child.toParent()">2:父组件获取子组件实例和方法(@viewChild)</h3>
  <div module-component [item]='listTem' (routerNavigate)="getChildData($event)" #child></div>
  <div>来自子组件的数据：<h2 style="background:aqua;">{{childData}}</h2></div>
  <p (click)="add()" style="background:aquamarine;border-radius:10px;">5:父组件增加数据，查看子组件数据是否有变动</p>
  <div module-component (click)="childMethod()"></div>
   
</div>
